<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head lang="zh">
    <meta charset="UTF-8">
    <title>HelloWorld</title>
    <link href="${pageContext.request.contextPath}/css/chooseResult.css" rel="stylesheet">
</head>
<body>
<jsp:include page="../public/header.jsp"/>
<div class="evaluate-report">
    <div class="one-line">
        <ul class="menu-prefix">
            <li class="selected">
                <a href="javascript:void 0;" class="prefix-word">评估报告</a>
            </li>
            <li class="unselected">
                <a href="${pageContext.request.contextPath}/answer/${requestScope.questionSet.questionSetId}/${requestScope.choiceId}"
                   class="suffix-word">答案解析</a>
            </li>
        </ul>
    </div>
    <div class="second-line">
        <div class="grade">
            <div class="graph-info">
                <div class="graph-statistic">
                    <img src="${pageContext.request.contextPath}/images/zw/statistic.svg" class="svg">
                    <div class="graph-score">
                        <span class="score">得分：</span>
                        <span class="score">${requestScope.questionSetMark}</span>
                    </div>
                </div>
                <div class="graph-detail">
                    <p class="paragraph">
                        <span class="item-label">试卷：</span>
                        编程语言-Java专项练习
                        <span class="stars" title="难度系数"></span>
                    </p>
                    <p class="paragraph">
                        <span class="item-label">正确题数：</span>
                        <span>${(requestScope.questionSetMark)/10}</span>
                        <span>/</span>
                        <span>10</span>
                    </p>
                    <p class="paragraph">
                        <span class="item-label">得分：</span>
                        <span>${requestScope.questionSetMark}</span>

                    </p>
                    <p class="paragraph">
                        <span class="item-label">用时：</span>
                        <c:formatNumber maxFractionDigits="0" value="${requestScope.questionSetThroughTime/1000/60/60}"/>:
                        <c:formatNumber maxFractionDigits="0" value="${requestScope.questionSetThroughTime/1000/60%60}"/>:
                        <c:formatNumber maxFractionDigits="0" value="${requestScope.questionSetThroughTime/1000%60}"/>
                    </p>

                    <%--<p class="paragraph last">
                       <a href="javascript:void(0)" class="btn play-card">今日打卡</a>
                    </p>--%>
                </div>
            </div>
        </div>
    </div>
    <div class="third-line">
        <%--div class="third-one">
            <div class="third-one-inner">
                <h1>
                    通过本次练习，你的以下技能评估结果发生了变化。
                </h1>
            </div>
        </div>--%>
        <div class="third-two">
            <%--<div class="result-status">
                <span class="progress-label">Java</span>
                <div class="progress">
                    <div class="progress-bar" style="width:12.84%"></div>
                    <div class="progress-bar2" style="width:14.15%"></div>
                </div>
                <div class="progress-tip">
                    12.84
                    <img src="${pageContext.request.contextPath}/images/zw/rightArrow.svg" class="images-svg">
                    14.15
                </div>
                <button class="practice-btn" type="submit">专项练习</button>
            </div>
            <div class="result-status">
                <span class="progress-label">编程基础</span>
                <div class="progress">
                    <div class="progress-bar" style="width:2.5%"></div>
                    <div class="progress-bar2" style="width:3.54%"></div>
                </div>
                <div class="progress-tip">
                    2.5
                    <img src="${pageContext.request.contextPath}/images/zw/rightArrow.svg" class="images-svg">
                    3.54
                </div>
                <button class="practice-btn" type="submit">专项练习</button>
            </div>--%>
            <div class="result-btn">
                <a href="${pageContext.request.contextPath}/choose" class="practice-btn">练习其他技能</a>
                <a href="${pageContext.request.contextPath}/choose" class="practice-btn">再练一套</a>
            </div>
            <div class="answer-btn">
                <a href="${pageContext.request.contextPath}/answer/${requestScope.questionSet.questionSetId}/${requestScope.choiceId}" class="practice-btn">查看答案解析</a>
            </div>

        </div>
    </div>
</div>
<jsp:include page="../public/footer.jsp"/>
</body>
</html>